<html>
<head>
<link rel="stylesheet" type="text/css" href="/static/styles.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="/static/scripts.js"></script>
</head>
<body>
{% include 'top.html' %}
<div>
<h1>You can go to...</h1>
{% for tournament in tournaments %}
<div><a href="/getTournament?key={{ tournament.getkey }}">{{ tournament.name }}</a></div>
{% endfor %}
{% if isAdmin %}
<button id="createTournamentBtn">Create new tournament</button>
<div id="createTournamentDiv">
<form action="/createTournament" method="post">
<table>
<tr>
<td>Name:</td><td><input name="newTournamentName" id="newTournamentName" /></td>
</tr>
<tr>
<td>Type:</td>
<td>
<select name="newTournamentType">
<option value="foosball">Foosball</option>
<option value="poker">Poker</option>
<option value="pool">Pool</option>
<option value="tableTennis">Table Tennis</option>
</select>
</td>
</tr>
<tr>
<td><input type="submit" value="Create it!"/></td><td></td>
</tr>
</table>
</form>
</div>
{% endif %}
</div>
</body>
</html>